spb/datacenterindex

1import { Page } from "@/components/ui/card";2import { Skeleton, SkeletonBlock, SkeletonRows } from "@/components/ui/skeleton";34export default function Loading() {5  return (6    <Page className="py-4" aria-busy>7      <Skeleton className="mb-4 h-3 w-40" />8      <Skeleton className="mb-2 h-3 w-16" />9      <Skeleton className="mb-2 h-7 w-72" />10      <Skeleton className="mb-6 h-3 w-48" />11      <div className="grid grid-cols-2 gap-4 border-y border-hair py-3 sm:grid-cols-4">12        {Array.from({ length: 8 }).map((_, i) => (13          <div key={i} className="flex flex-col gap-2">14            <Skeleton className="h-6 w-16" />15            <Skeleton className="h-2.5 w-20" />16          </div>17        ))}18      </div>19      <Skeleton className="mt-4 h-10 w-full" />20      <SkeletonBlock className="mt-6 h-[240px] w-full" />21      <SkeletonRows rows={8} className="mt-8" />22    </Page>23  );24}25